
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style type="text/css">
        body{
            background-color: #EEEEEE;
        }
        a{
            text-decoration: none;
            color: black;
            background-color: #E0FFFF;
        }
        #all{
            position: absolute;
            margin-top: 82px;
            margin-left: 110px;
            width: 100%;
            height: 50%;
        }
        #login1{
            position: absolute;
            margin-top: 82px;
            width: 60%;
            height:100%;
        }
        .in{
            height: 100%;
            width: 426px;
            background-color: #448CCB;
            margin: auto;
            position: absolute;
            margin-left:60%;
            margin-top:82px;
        }
        #text{
            background-image: url("WEB-INF/jsp/static/logo_name.jpg");
            position: absolute;
            margin-left:-80px;
            margin-top: -40px;
            height: 30px;
            width: 210px;
            background: #ffffff;
            text-align: center; /*让div内部文字居中*/
        }
        #pla{
            background-image: url("WEB-INF/jsp/static/logo_psw.jpg");
            position: absolute;
            margin-left:-80px;
            margin-top: -10px;
            height: 30px;
            width: 210px;
            background: #ffffff;
            text-align: center;
        }
        .form{
            width: 500px;
            height: 600px;
            margin: 180px;

        }

        #denglu{
            position: absolute;
            margin-left:-79px;
            margin-top:50px;
            width: 67px;
            height: 29px;
        }
        button{
            position: absolute;
            margin-left:61px;
            margin-top:50px;
            width: 67px;
            height: 29px;
            background-color: #E0FFFF;
        }
        h3{
            position: absolute;
            margin-left:120px;
            margin-top: 50px;
        }

        #logo{
            position: absolute;
            margin-left: 72%;
            margin-top: 601px;
            font-size: x-small;
        }
        #logo1{position: absolute;
            top: 49px;
            left: 96px;
        }
        #logo{position: absolute;
            top: -96px;
            left: 217px;
        }
    </style>
</head>
<body>
<div id="all">
    <img id="login1" src="Static/login1.jpg">
    <div class="in">
        <h2 id="logo1">旅客登录</h2>
        <form class="form" action="${pageContext.request.contextPath}/customerLogin" method="post">
                <input type="text" placeholder="用户名" id=text name="username"/><br />
                <input type="password" placeholder="密码" id=pla name="password"/><br />
                <input type="submit" value="登录" style="background-color: #E0FFFF;" id="denglu"/>
                <button ><a href="http://localhost:8080/hostel_war_exploded/zhuceCustomer.jsp">注册</a></button>
        </form>
    </div>
</div>

<div id="logo">
    <a style="color: black ;background-color: #448CCB" href="http://localhost:8080/hostel_war_exploded/userlogin.jsp">管理员登录&raquo;&raquo;&raquo;</a>
</div>
    </body>
</html>
